/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */

// 左右
.slide-row-enter-active {
  transition: all .3s ease;
}
.slide-row-leave-active {
  transition: all .3s ease;
  transform: translate3d(0,0,0);
}
.slide-row-enter,.slide-row-leave-active {
  transform: translate3d(99vw,0,0);
  // 偏移的宽度设置成100%或100vw会导致路由页面的mt-navbar初始z-index出现错误
}


// 上下
.slide-col-enter-active {
  transition: .3s;
}
.slide-col-leave-active {
  transition: .3s;
}
.slide-col-enter,.slide-col-leave-active {
  transform: translateY(-100%);
}

// fade
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
  opacity: 0
}

// fold
.fold-enter-active{
  transition: .3s;
}
.fold-leave-active{
  transition: .3s;
}
.fold-enter,.fold-leave-active{
  transform: scale3d(1,0,1);
  transform-origin: top center;
}

